<div>
<app-form [form]="data"  class="app-formctrl">
        <ng-template let-form>
        <div [hidden]="$activeFormPage !== 'formpage1'"  class="app-form-page">
     <ion-item-group [hidden]="!detailsModel.group1?.visible" class="app-form-group">
                    <Accordion [defaultActiveKey]="'0'" class="app-form-group-accordion">
                        <AccordionPanel key="0" header="考勤基本信息" [disabled]="false" class="app-form-group-accordion-panel non">
                                <app-form-item [field]="detailsModel.kqrq">
    <ng-template let-kqrq>
        <ion-item lines="none" [hidden]="!kqrq?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 考勤日期
               <span class="stars" *ngIf="!kqrq.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-datetime class="app-form-item-datetime" [disabled]="kqrq.disabled" datefmt="YYYY-MM-DD" [(ngModel)]="form.kqrq"></app-datetime>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.sbsj">
    <ng-template let-sbsj>
        <ion-item lines="none" [hidden]="!sbsj?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 上班时间
               <span class="stars" *ngIf="!sbsj.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-datetime class="app-form-item-datetime" [disabled]="sbsj.disabled" datefmt="HH:mm" [(ngModel)]="form.sbsj"></app-datetime>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                                <app-form-item [field]="detailsModel.xbsj">
    <ng-template let-xbsj>
        <ion-item lines="none" [hidden]="!xbsj?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 下班时间
               <span class="stars" *ngIf="!xbsj.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-datetime class="app-form-item-datetime" [disabled]="xbsj.disabled" datefmt="HH:mm" [(ngModel)]="form.xbsj"></app-datetime>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                        </AccordionPanel>
                    </Accordion>
                </ion-item-group>

</div>

        </ng-template>
    </app-form>
<div>
